page {
  --sar-popout-border-top-radius: var(--sar-rounded-xl);
  --sar-popout-bg: var(--sar-emphasis-bg);

  --sar-popout-close-padding: 16px;
  --sar-popout-close-font-size: var(--sar-text-lg);
  --sar-popout-close-color: var(--sar-secondary-color);

  --sar-popout-header-compact-height: 44px;
  --sar-popout-header-loose-height: 44px;
  --sar-popout-header-loose-padding-x: 60px;

  --sar-popout-title-font-size: var(--sar-text-lg);
  --sar-popout-title-color: var(--sar-emphasis-color);

  --sar-popout-button-wrap-min-width: 80px;

  --sar-popout-footer-gap-y: 10px;
  --sar-popout-footer-gap-x: 16px;

  --sar-popout-button-gap: 16px;
}